/**
 * 格式化页面样式
 * @param {Object} styleObj 页面样式对象
 * @returns {Object} 处理后的样式对象
 */
export function formatPageStyle({backgroundColor = '#FFF', backgroundImage = '', opacity = 1}) {
    const style = {
        backgroundColor,
        opacity
    }

    if (backgroundImage) {
        style.backgroundImage = `url(${backgroundImage})`
        style.backgroundSize = '100% 100%'
    }

    return style
}

/**
 * 格式化控制框样式
 * @param {Object} styleObj 元素样式对象
 * @returns {Object} 处理后的样式对象
 */
export function formatCtrlRectStyle({width = 0, height = 0, top = 0, left = 0, angel = 0}) {
    // 添加调试日志
    console.log('Formatting ctrl rect style with angel:', angel);
    
    // 确保控制框的旋转中心是元素的中心点
    const style = {
        width: `${width}px`,
        height: `${height}px`,
        top: `${top}px`,
        left: `${left}px`,
        transform: `rotate(${angel}deg)`,
        'transform-origin': 'center center'
    }
    
    // 添加调试日志
    console.log('Ctrl rect style result:', style);
    
    return style
}